<template>
    <div class="parent-box">
        <div class="tab">
            <div class="header" style="background-color: white">
                <el-page-header @back="goBack" content="开庭/侦察/检查" style="position: relative;top: 10px;left: 5px;">
                </el-page-header>
            </div>
            <el-divider></el-divider>
        </div>
        <div class="card">
            <el-tabs type="card" v-model="tab">
                <el-tab-pane label="法院开庭信息" name="fy">
                    <fy-list></fy-list>
                </el-tab-pane>
                <el-tab-pane label="侦察机关" name="zc">
                    <zc-list></zc-list>
                </el-tab-pane>
                <el-tab-pane label="检查机关" name="jc">
                    <jc-list></jc-list>
                </el-tab-pane>
            </el-tabs>
        </div>
    </div>
</template>

<script>
    //引入组件
    const FyList = () => import('../Fy/FyList.vue')
    const ZcList = () => import('../Zc/ZcList.vue')
    const JcList = () => import('../Jc/JcList.vue')
    export default {
        data() {
            return {
                tab:'fy'
            }
        },
        methods:{
            goBack(){
                history.back()
            }
        },
        components:{
            FyList,
            ZcList,
            JcList
        }
    }
</script>

<style scoped>
    .parent-box{
        width: 100%;
    }
    .tab{
        width: 100%;
    }
    .manual{
        position: relative;
        right: 15%;
    }
    .case-chose{
        width: 100%;
    }
</style>